<?php
if(session_status() != PHP_SESSION_ACTIVE) {
    session_start();
}
if(isset($_SESSION["usr"])) {
    $currentUser = $_SESSION["usr"];
    echo "<input type='hidden' name='usr' id='usr' value='$currentUser' > ";
}
?>
<!--HTML-->
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="21 cake Api test">
        <meta name="author" content="Teddy Long">
        <!--ICON-->
        <link rel="icon" href="favicon.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
        <!--Title-->
        <title>21 Cake API Test Portal</title>
        <!--BootStrap Component-->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/bootstrap-theme.min.css" rel="stylesheet">
        <link href="css/bootstrap-table.min.css" rel="stylesheet" >
        <link href="css/font-awesome.css" rel="stylesheet">
        <link href="css/theme.css" rel="stylesheet" >
        <!--BootStrap Select-->
        <link href="css/bootstrap-select.css" rel="stylesheet" >
    </head>

    <body role="document">
    <!--fixed nav bar-->
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="index.php">21 Cake</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="index.php">Home</a></li>
                    <li><a href="Manage.php">Manage Page</a></li>
                </ul>
                <!--Login Form-->
                <form id="loginForm" class="navbar-form navbar-right" method="post" style="margin-top: 10px" action="Admin.php">
                    <div class="form-group">
                        <input type="text" style="width: 150px; height: 30px" name="username" placeholder="User Name" class="form-control">
                    </div>
                    <div class="form-group">
                        <input type="password" style="width: 150px;height: 30px" name="password" placeholder="Password" class="form-control">
                    </div>
                    <button type="submit" style="height: 30px" class="btn btn-success">Sign</button>
                </form>
            </div>
        </div>
    </nav>
    <!--Header Image-->
    <header class="sb-page-header">
        <div class="container">
            <h1>21 Cake Test Portal</h1>
            <p>API Test, Web UI Test, App Test etc...</p>
        </div>
    </header>
    <div class="container" role="main">
        <div class="row">
            <ul class="cards" style="list-style: none;">
                <!--Web UI TEST-->
                <li>
                    <a class="image_container" style="background-image:url(images/jQuery-visible.svg);background-repeat: no-repeat" href="WebUI.php" target="_blank"></a>
                    <span class="content">
                        <h2><a href="WebUI.php" target="_blank">Web UI TEST</a></h2>
                        <p>Use Selenium with the brand new 21 cake test framework</p>
				    </span>
                </li>
                <!--API TEST-->
                <li>
                    <a class="image_container" style="background-image:url(images/jquery-quicksand.svg);background-repeat: no-repeat" href="Api.php" target="_blank"></a>
                    <span class="content">
                        <h2><a href="Api.php" target="_blank">Api TEST</a></h2>
                        <p>For App's Api test</p>
				    </span>
                </li>
                <!--App UI Test-->
                <li>
                    <a class="image_container" style="background-image:url(images/jQuery-mobile5.svg);background-repeat: no-repeat"  href="#"></a>
                    <span class="content">
                        <h2><a href="#">App UI TEST</a></h2>
                        <p>App UI Test base on Appium</p>
				    </span>
                </li>
                <!--Monkey TEST-->
                <li>
                    <a class="image_container" style="background-image:url(images/chimp.svg);background-size: cover;background-repeat: no-repeat" href="#"></a>
                    <span class="content">
                        <h2><a href="#">Monkey TEST</a></h2>
                        <p>Crash Your App!</p>
				    </span>
                </li>
                <!--Load TEST-->
                <li>
                    <a class="image_container" style="background-image:url(images/increasing11.svg);background-size: cover;background-repeat: no-repeat" href="#"></a>
                    <span class="content">
                        <h2><a href="#">Load TEST</a></h2>
                        <p>Jmeter & CODE & Report</p>
				    </span>
                </li>
                <!--SiteMap-->
                <li>
                    <a class="image_container" style="background-image:url(images/jquery-social-likes.svg);background-size: cover;background-repeat: no-repeat"href="SiteMap.php" target="_blank"></a>
                    <span class="content">
                        <h2><a href="SiteMap.php" target="_blank">SiteMap Smoke TEST</a></h2>
                        <p>List & test all links in 21 cake WebSite</p>
				    </span>
                </li>
            </ul>
        </div>
    </div>
    <!--Footer-->
    <footer class="bs-docs-footer" role="contentinfo">
        <div class="container">
            <hr>
            <p>Maintained by <a href="http://localhost">21 Cake Test Team</a></p>
            <p>Copyright © 2016 <a href="http://www.21cake.com">21Cake</a>. All Rights Reserved</p>
        </div>
    </footer>
    <!--JS LOAD-->
    <script src="js/jquery.min.js"></script>
    <script data-pace-options='{ "document": true }' src="js/pace.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!--<script src="js/bootstrap-table.min.js"></script>
    <script src="js/bootstrap-select.js"></script>
    <script src="js/highcharts.js"></script>
    <script src="js/data.js"></script>
    <script src="js/Job.js"></script>-->
    </body>
</html>

